<template>
  <div @click="fatherBtn">
    <button @click.stop="btn1">.stop阻止事件冒泡</button>
    <hr />
    <a href="" @click.prevent>.prevent阻止默认跳转</a>
    <hr />
    <button @click.once="btn2">
      .once程序运行的时候,只触发一次函数运行,点击行为不阻止
    </button>
  </div>
</template>

<script>
export default {
  methods: {
    fatherBtn() {
      console.log("点击了father");
    },
    btn1() {
      console.log("点击了按钮1");
    },
    btn2() {
      console.log(".once只触发一次");
    },
  },
};
</script>

<style>
</style>